<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>传说中的测试首页</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
</head>
<body>

<div class="page-group">

  <div class="page page-current" id='router'>
    <div class="content">
      <div class="content-block">
        <ul>
          <li><a href="./test.html">ajax加载新页面</a></li>
          <li><a href="#router3">内联的新页面</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="page" id='router3'>
    <header class="bar bar-nav">
      <a class="button button-link button-nav pull-left back" href="/docs-demos/router">
        <span class="icon icon-left"></span>
        返回
      </a>
      <h1 class='title'>路由</h1>
    </header>
    <div class="content">
      <div class="content-block">
        这是内联编写的页面，点击左上角的 <a href="#" class='back'>返回</a> 按钮返回上一页。

        <div class="item-content">
          <div class="item-inner">
            <div class="item-title label">生日</div>
            <div class="item-input">
              <input type="text" placeholder="Your name" id="birthday" readonly>
              <div data-toggle='date'></div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

</div>

<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js' charset='utf-8'></script>
<script src="../lib/vue.js"></script>
<script>
$(function () {
  $.init();
  $(document).on('pageInit', function (e, id, $page) {
    if (id == 'router') {
      console.log('router');
    }
    if (id == 'router3') {
      console.log('router3');
    }
    if (id == 'pa1') {
      console.log('pa1');

      new Vue({
        el:'#first',
        data:{
          message:'hello world',
          todos: [
            { text: 'Learn JavaScript' },
            { text: 'Learn Vue.js' },
            { text: 'Build Something Awesome' }
          ]
        }
      });

    }
  });


  $("#birthday").calendar({
    value: ['2015-12-05']
  });
});
</script>
</body>
</html>